<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>svg绘制图形</title>
  </head>
  <body>
    <svg width="1000" height="600">
      <!-- 矩形 -->
      <!-- <rect x="40" y="40" width="300" height="200" rx="20" ry="20" style="fill: orange;stroke: blue;stroke-width: 4;"></rect> -->
      <!-- 圆形 -->
      <!-- <circle cx="200" cy="200" r="100" style="fill: red;"></circle> -->
      <!-- 椭圆形 -->
      <!-- <ellipse cx="400" cy="300" rx="200" ry="300" style="fill: green;"></ellipse> -->
      <!-- 线条 -->
      <!-- <line x1="100" y1="40" x2="300" y2="60" style="stroke: aqua;"></line> -->
      <!-- 多边形 -->
      <!-- <polygon points="40, 40, 50, 50, 40, 60" style="fill: blueviolet"></polygon> -->
      <!-- 文字 -->
      <text x="200" y="200" textLength="200">这是一段文本</text>
    </svg>
  </body>
</html>
